<?
layout("/inc/layout.html",{title:sysTitle}){
?>

<div id="page-wrapper">
      <!--BEGIN TITLE & BREADCRUMB PAGE-->
      <div id="title-breadcrumb-option-demo" class="page-title-breadcrumb">
          <div class="page-header pull-left">
              <div class="page-title">数据接口</div>
          </div>
          <ol class="breadcrumb page-breadcrumb pull-left">
              <li><i class="fa fa-home"></i>&nbsp;<a href="main.html">首页</a>&nbsp;&nbsp;<i class="fa fa-angle-right"></i>&nbsp;&nbsp;</li>
              <li>数据处理&nbsp;&nbsp;<i class="fa fa-angle-right"></i>&nbsp;&nbsp;</li>
              <li class="active">数据接口</li>
          </ol>
           
          <div class="clearfix"></div>
      </div>
      <!--END TITLE & BREADCRUMB PAGE-->
      <!--BEGIN CONTENT-->
      <div class="page-content">
      
      
      <div class="row mbl">
           <div class="col-lg-6">
               <div class="input-group input-group-sm mbs"><span class="input-group-btn">
               		<select id="queryParams" data-toggle="dropdown" class="btn btn-danger dropdown-toggle" style="width :100px;">
		                   	<option value="-1">筛选项&nbsp;<span class="caret"></span></option>
		                    <option value="nameEn">所属类</option>
                    	</select>
                   </span>
                   <input id="text"  type="text" placeholder="请输入关键词..." class="form-control" /><span class="input-group-btn"><button onclick="get()" type="button" data-toggle="dropdown" class="btn btn-success dropdown-toggle" >搜索</button></span>
               </div>
           </div>
            
       </div>
      
      <table class="table table-hover table-striped table-bordered table-advanced tablesorter mbn">
            <thead>
                <tr>
                    <th width="6%">序号</th>
                    <th width="13%">接口名称</th>
                    <th width="10%">所属类</th>
                    <th >访问地址</th>
                    <th width="18%">参数</th>
                    <th width="8%">数据格式</th>
                    <th width="9%">可操作</th>
                </tr>
            </thead>
            <tbody id="findDataInterface"></tbody>
        </table>
        <div id="dataNull" class="panel-body"
				style="height: 90px; line-height: 50px;" align="center">
		</div>
        <div id="page2" style="text-align: center; margin-top: 20px;"></div>
    </div>
                     
    <!--END CONTENT-->
    </div>
    
  
<?} ?>
<script>
	var curr;
	var classNameEn;
	$(function() {
		demo1(curr);
		
	});
	function get() {
		demo1(curr);
	};
	function getlay() {
		return classNameEn;
	};	
	function demo1(curr) {
		$.getJSON(
				"./findallDataInterface.do",
				{
					page : curr || 1,
					queryParams:$("#queryParams").val(),
			        text:$("#text").val(),
				},
				function(res) {
					//此处仅仅是为了演示变化的内容
					var str = "";
					if(res.listsize>0){
						$("#dataNull").html("");
					}else{
						$("#dataNull").html("<span class='subtitle' style='font-size: 15px;'>数据为空!</span>");
					}
					$("#findDataInterface").html("");
					for ( var i = 0; i < res.listsize; i++) {
						str += "<tr><td>"
								+ (i + 1)
								+ "</td><td> <label id=>"
								+ res.result[i].description
								+ "</label></td><td><label >"
								+ res.result[i].classNameEn
								+ "</label></td><td><label > <a target='_blank' href="+res.result[i].url+">"+res.result[i].url+"</a>"
								+ "</label></td><td><label >"
								+ res.result[i].parameters
								+ "</label></td><td><label >"
								+ res.result[i].dataFormat
								+ "</label></td><td>"
								+"<button type=\"button\" class=\"btn btn-default btn-xs\" onclick=TiaoShi('"
								+res.result[i].classNameEn
								+"')>在线调试</button>"
								+ "</td></tr>";
					}
					$("#findDataInterface").append(str);
					laypage({
						cont : document.getElementById("page2"), //容器。值支持id名、原生dom对象，jquery对象,
						pages : res.pageSize, //总页数
						skip : true, //是否开启跳页
						curr : curr || 1,
						last: res.pageSize,
						skin : 'molv', //加载内置皮肤，也可以直接赋值16进制颜色值，如:#c00
						groups : 6,//连续显示分页数
						jump : function(obj, first) { //触发分页后的回调
							if (!first) { //点击跳页触发函数自身，并传递当前页：obj.curr
								demo1(obj.curr);
				                 curr=obj.curr;
							}
						}
					});
				});
	};	
	
	function TiaoShi(classEn) {
		classNameEn = classEn;
		layer.open({
			scrollbar : false,
			shadeClose : true,
			move : false,
			title : '在线调试',
			type : 2,
			area : [ '600px', '566px' ],
			fix : false, //不固定
			//maxmin : true,
			content : [ "data-interface-debug.html", 'no' ],
			btn : ['关闭'],
			skin : 'layui-layer-rim', //加上边框
			cancel : function(index) {
			}
		});
	}	
</script>